// scenic-detail-view.js
Page({
  data: {
    navHeight: 88, // 默认导航栏高度
    backgroundImage: '', // 全屏背景图片
    scenicInfo: {
      name: '',
      description: '',
      rating: 5,
      price: '$327',
      distance: '8 kilometers',
      duration: '12 hours',
      tags: ['自然风光', '摄影胜地', '休闲度假']
    }
  },

  onLoad(options) {
    // 获取传递的参数
    const { image, title, index } = options
    console.log('景点详情页面加载:', { image, title, index })
    
    // 解码URL参数
    const decodedImage = decodeURIComponent(image || '')
    const decodedTitle = decodeURIComponent(title || '')
    
    // 设置背景图片和基本信息
    this.setData({
      backgroundImage: decodedImage,
      'scenicInfo.name': decodedTitle || '黑麋峰风景区'
    })
    
    // 根据不同的明信片设置不同的介绍内容
    this.setScenicInfoByIndex(parseInt(index) || 0)
  },

  // 根据明信片索引设置景点信息
  setScenicInfoByIndex(index) {
    const scenicInfos = [
      {
        name: '黑麋峰日出',
        description: '在黑麋峰的最高峰观赏壮丽日出，云海翻腾，金光洒向大地，是摄影爱好者和自然爱好者的绝佳选择。这里的日出景象被誉为湖南最美日出观赏地之一。',
        rating: 5,
        price: '$68',
        distance: '5.2 kilometers',
        duration: '3 hours',
        tags: ['日出观赏', '摄影胜地', '登山健行']
      },
      {
        name: '山间小径',
        description: '蜿蜒曲折的山间小径穿越原始森林，两旁古木参天，鸟语花香。漫步其中，感受大自然的宁静与和谐，是放松身心的理想去处。',
        rating: 4,
        price: '$32',
        distance: '3.8 kilometers',
        duration: '2 hours',
        tags: ['森林漫步', '生态观察', '休闲放松']
      },
      {
        name: '观景台风光',
        description: '站在观景台上，可以俯瞰整个黑麋峰景区的壮丽景色。远山如黛，近水如镜，是拍摄全景照片和欣赏风景的最佳位置。',
        rating: 5,
        price: '$45',
        distance: '4.5 kilometers',
        duration: '4 hours',
        tags: ['观景台', '全景视野', '摄影胜地']
      },
      {
        name: '夕阳西下',
        description: '黄昏时分的黑麋峰别有一番韵味，夕阳西下时分，天空被染成金黄色，整个山峰都被温暖的光芒包围，营造出浪漫而宁静的氛围。',
        rating: 5,
        price: '$55',
        distance: '6.1 kilometers',
        duration: '5 hours',
        tags: ['夕阳美景', '浪漫氛围', '情侣推荐']
      }
    ]
    
    const info = scenicInfos[index] || scenicInfos[0]
    this.setData({
      scenicInfo: info
    })
  },

  // 导航栏高度变化事件
  onNavHeightChange(e) {
    const { totalHeight } = e.detail
    console.log('导航栏高度变化:', totalHeight)
    this.setData({
      navHeight: totalHeight
    })
  },

  // 导航栏返回按钮点击事件
  onNavBackTap() {
    console.log('返回上一页')
    wx.navigateBack({
      delta: 1,
      success: () => {
        console.log('成功返回')
      },
      fail: (err) => {
        console.error('返回失败:', err)
        wx.redirectTo({
          url: '/pages/guide/guide'
        })
      }
    })
  },


})
